<!-- File: quota-full.html -->
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Quota Full</title>
  <style>
    body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,#bae6fd,#7dd3fc);display:flex;align-items:center;justify-content:center;min-height:100vh;margin:0;overflow:hidden}
    .card{background:white;padding:2.5rem 3rem;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,0.1);text-align:center;animation:bounceIn .8s ease}
    h1{font-size:2rem;color:#0369a1;margin-bottom:.5rem}
    p{color:#0c4a6e;margin:.4rem 0 1rem;font-size:1.05rem}
    .meta{color:#475569;font-size:.95rem;margin-bottom:1rem}
    @keyframes bounceIn{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05);opacity:1}100%{transform:scale(1)}}
  </style>
</head>
<body>
  <main class="card">
    <h1>📈 Quota Reached</h1>
    <p>Your account has reached its quota and cannot perform this action right now.</p>
    <p class="meta">Usage: 100% of your monthly allocation.</p>
  </main>
</body>
</html>